<template>
<div class='page'>
	<image @click="see(index)" class="img" v-for="(item,index) in imgs" :key="img" :src="item" alt="" mode="widthFix" />
</div>
</template>

<script>
export default{
	data(){
		return{
			imgs:[
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_00.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_01.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_02.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_03.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_04.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_05.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_06.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_07.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_08.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_09.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_10.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_11.png",
				"https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/gzxcxsc_12.png",
			]
		}
	},
	methods:{
		see(index){
			uni.previewImage({
				urls:this.imgs,
				current:index
			})
		}
	}
}
</script>

<style>
page,.page{
	width: 100%;
	height: 100%;
	overflow: auto;
}
.img{
	width: 100%;
}
</style>